<!-- 搜索框提示列表 -->
<template>
  <div>
    <van-list
      v-model="loading"
      :finished="finished"
      finished-text="没有更多了"
      @load="onLoad"
    >
      <van-cell
        v-for="item in searchTipsArr"
        :key="item"
        :title="item"
        @click="geiValue(item)"
      />
    </van-list>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false, //是否处于加载状态
      finished: true, // 是否加载完成
    };
  },
  props: ["searchTipsArr"], // 父传子数组
  methods: {
    onLoad() {
      //加载事件 滚动条与底部距离小于 offset 时触发
    },
    geiValue(val) {
      console.log(100, val);
      //点击搜索列表搜索
      this.$emit("setValue", val);
    },
  },
};
</script>
<style scoped>
/* @import url(); 引入css类 */
</style>